<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>使用伪类装饰超链接</title>
        <style type="text/css">
            .wrapper { border: 1px solid blue ; margin: 15px auto ;}
            /* 使用 text-decoration 可以装饰文本 none | underline | line-through | overline */
            a { text-decoration: none ;  }
            a:link { color: #086e0f ; }
            a:visited { color: #808080 ; }
            a:hover { color: #1e9fff ;  }
            a:active { color: #FF0000 ; }
        </style>
    </head>
    <body>

        <div class="wrapper">
            <a href="http://www.tmall.com" target="_blank">天猫</a>
        </div>

        <div class="wrapper">
            <a href="http://www.taobao.com" target="_blank">淘宝</a>
        </div>

        <div class="wrapper">
            <a href="http://www.jd.com" target="_blank">京东</a>
        </div>

        <div class="wrapper">
            <a href="http://www.yihaodian.com" target="_blank">一号店</a>
        </div>

    </body>
</html>